<ul class="breadcrumb">
    <li>Agregar Imagen</li>
</ul>
<form class="form-horizontal">
    <input type="hidden" id="id" value="">
    <div class="control-group">
        <label class="control-label" for="name">Name</label>
        <div class="controls">
            <input type="text" id="name" placeholder="Name">
        </div>
    </div>
        <div class="control-group">
        <label class="control-label" for="img">Imagen</label>
        <div class="controls">
            <img id ="img" src="">
        </div>
    </div>

</form>
<span class="btn btn-success fileinput-button">
    <i class="icon-plus icon-white"></i>
    <span>Agregar Imagen</span>
    <!-- The file input field used as target for the file upload widget -->
    <input type="file" multiple="" name="files[]" id="fileupload">
</span>
<br>
<br>
<!-- The global progress bar -->
<div class="progress progress-success progress-striped" id="progress">
    <div class="bar"></div>
</div>
<!-- The container for the uploaded files -->
<div class="files" id="files"></div>
<br>
<button id="cancel_action"  class="btn">Cancel</button>
